<template>
  <view class="agreement-container">
    <view class="agreement-header">
      <text>用户服务协议</text>
    </view>
    <scroll-view class="agreement-content" scroll-y="true">
      <text>
        欢迎使用我们的服务。在使用我们的服务之前，请仔细阅读以下协议条款。使用我们的服务即表示您同意遵守本协议。

        1. 服务说明
           我们提供的服务包括但不限于在线平台、应用程序和相关服务。我们保留随时修改或中止服务的权利。

        2. 用户责任
           用户需对其账户的所有活动负责。用户承诺不使用我们的服务进行任何非法或不当行为。

        3. 隐私政策
           我们重视用户的隐私，并承诺保护用户的个人信息。详细信息请参阅我们的隐私政策。

        4. 知识产权
           我们拥有服务中所有内容的知识产权。未经授权，用户不得复制、修改或分发这些内容。

        5. 责任限制
           我们对因使用或无法使用我们的服务而导致的任何损失不承担责任。

        6. 终止
           我们保留在任何时候终止或暂停用户访问服务的权利，恕不另行通知。

        7. 适用法律
           本协议受相关法律管辖。任何争议应提交至相关法院解决。

        感谢您选择我们的服务。如有任何疑问，请随时联系我们。
      </text>
    </scroll-view>
    <button class="agree-button" @click="agree">返回</button>
  </view>
</template>

<script>
export default {
  methods: {
    agree() {
      uni.showToast({
        title: '您已同意用户服务协议',
        icon: 'success'
      });
      // 可以在这里添加跳转逻辑，例如返回登录页面
      uni.navigateBack();
    }
  }
}
</script>

<style>
.agreement-container {
  padding: 20px;
  display: flex;
  flex-direction: column;
  height: 100vh;
  box-sizing: border-box;
}

.agreement-header {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.agreement-content {
  flex: 1;
  overflow-y: auto;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 20px;
}

.agree-button {
  padding: 10px;
  background-color: #007aff;
  color: white;
  text-align: center;
  border-radius: 5px;
}
</style>